import React, { Component } from 'react';
import Footer from '../../components/Footer';
import Header from '../../components/Header';
import ProductFeature from './components/ProductFeature';
import CustomMaterials from './components/CustomMaterials';
import VisualAssembly from './components/VisualAssembly';
import SoftwareDownload from './components/SoftwareDownload';
import ChangeLogs from './components/ChangeLogs';

export default class Home extends Component {
  static displayName = 'Home';

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div className="home-page" style={styles.homepage}>
        <Header />
        <SoftwareDownload />
        <ProductFeature
          title="标题一"
          desc="介绍介绍"
          img={{
            url:
              require('./images/TB1AC4BpL5TBuNjSspmXXaDRVXa-1816-878.png'),
            width: 1816 / 2,
            height: 878 / 2,
          }}
        />
        <VisualAssembly />
        <ProductFeature
          title="标题二"
          desc="介绍介绍"
          img={{
            url:
              require('./images/TB1CbvHpTtYBeNjy1XdXXXXyVXa-1240-902.png'),
            width: 1240 / 2,
            height: 902 / 2,
          }}
        />
        <CustomMaterials />
        <ProductFeature
          title="标题三"
          desc="介绍介绍"
          img={{
            url:
              require('./images/TB1pPQppv1TBuNjy0FjXXajyXXa-1280-860.png'),
            width: 1280 / 2,
            height: 860 / 2,
          }}
        />
        <ChangeLogs />
        <Footer />
      </div>
    );
  }
}

const styles = {
  homepage: {
    background: '#fff',
    overflow: 'hidden',
  },
};
